<template>
  <div id="app">
      <v-content></v-content>
      <v-porpup></v-porpup>
      <v-search></v-search>
      <v-footer></v-footer>
  </div>
</template>

<script>
import Content from "./components/content/content";
import Footer from "./components/footer/footer";
import Porpup from "./components/porpup/porpup";
import Search from "./components/search";
export default {
  name: 'app',
  components:{
          "v-footer":Footer,
          "v-porpup":Porpup,
          "v-content":Content,
          "v-search":Search
    }
}
</script>

<style>
*{
margin:0;
padding:0;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>
